<script setup lang="ts">

import MyList from "@/components/MyList.vue";
const userInfo = [
  {
    username: 'Tom',
    sex: '男'
  },
  {
    username: 'Jerry',
    sex: '女'
  },
  {
    username: 'Lucy',
    sex: '女'
  },
]
</script>

<template>
<div>
    <MyList :items="userInfo">
      <template #item="{username,sex}">
        <p>{{username}}</p>
        <p>{{sex}}</p>
      </template>
    </MyList>
</div>
</template>

<style scoped>

</style>